.m-intro
  .main-title
    padding: 15px 0;
    margin-bottom: 15px;
    p
      text-indent: 2em
  .main-image
    margin-bottom: 15px
    .image-wrap
      width: 80%;
      margin: 0 auto;
      position: relative;
      img 
        width: 100%
      .text
        position: absolute;
        bottom: 7px;
        color: #000;
        padding: 10px;
        background: rgba(255,255,255,0.6);
        width: 100%;
  .desc
    padding: 15px;
    background: #fff;
    margin-bottom: 15px
    p
      text-indent: 2em

  .images-wrap
    padding: 0 20px
    position: relative
    .prev, .next
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 25px;
      cursor: pointer
    .next
      right: 0
      left: auto
    .img-item
      padding: 5px
      text-align: center
      line-height: 0
      &.active
        background: #ccc
    img 
      width: 100%
      height: 142px
      object-fit: cover
      cursor: pointer

  @media (max-width: $xsWidth)
    .images-wrap
      img
        height: 60px
      .swiper-button-prev, .swiper-button-next
        display: none

    .main-image
      .image-wrap
        .text
          position: relative
          font-size: 12px
          background: none